/*
 * Copyright © 2015 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

@import "../../styles/variables.less";
@import "../../styles/themes/cdap/mixins.less";
@import "../../../bower_components/bootstrap/less/mixins.less";

my-error {
  .error-button {
    @media (max-width: @screen-xs-max) {
      text-align: left;
      width: 42px;
    }
    @media (min-width: @screen-sm-min) {
      height: 51px;
    }
  }
  span.fa-bolt {
    @media (min-width: @screen-sm-min) {
      line-height: 51px;
    }
    sup {
      font-size: 7px;
      top: -15px;
    }
  }
  .popover {
    max-width: 550px;
    width: 500px;
    color: @text-color;
    @media (max-width: @screen-xs-max) {
      max-width: 100vw;
    }
    .popover-title {
      padding: 0 14px;

      .row {
        margin: 0;

        .col-xs-6:first-child {
          padding-left: 11px;
        }

        .col-xs-6:last-child {
          padding-right: 0;
        }

        h4 {
          margin: 6px 0;
        }
      }
    }

    .popover-content {
      overflow-wrap: break-word;
      padding: 10px;
      margin: 10px 0 10px 10px;
      max-height: 250px;
      overflow-y: auto;

      .badge {
        background-color: black;
        margin-right: 4px;
      }
    }

    .row {
      margin: 5px;
      padding: 5px 0;
    }
    .alert-danger, .alert-success {
      background-image: none;
      color: white;
    }
    .alert-muted {
      background-color: #dcdce4;
      border-color: darken(@well-bg, 10%);
    }
    .fa-times {
      color: black;
      .opacity(0.4);
      &:hover {
        cursor: pointer;
      }
    }
  }

}
